@charset "utf-8";
/*
//author relaxWang begin 2015/12
//last modify 2017/1/10
//Version 0.15
//移动端样式定义，兼容PC端浏览器
*/

/* reset */
*{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,STHeiTi,sans-serif; /*font-family:tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-seri; */box-sizing:border-box;}
html,body,h1,h2,h3,h4,h5,h6,dl,dt,dd,p,ul,li,form,iframe,object,input{ margin:0px; padding:0px;}
a{ text-decoration:none;}
h1,h2,h3,h4,h5,h6,strong{ font-weight:normal;}
ul,ol,dl{ list-style:none outside none;}
input,textarea,select{ font-family:inherit; font-size:inherit;}
a:active, a:focus, input:active, input:focus, button:active, button:focus{ outline:none; -moz-outline:none;} /*去掉移动端firefox a标签的虚线框 PC chrome文本输入框的边框焦点时候的颜色 */
input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner{ border:none;} /*去掉移动端firefox 按钮获得焦点显示虚线框的样式 */
table { border-collapse:collapse; border-spacing:0; width:100%;}
html,body{ position:relative; height:100%; width:100%;}  /* 注意 某些版本的IE中（IE9）会导致iframe的内容定位错误，请参考是否去掉该属性，或者为iframe增加relative的属性 */
iframe{ width:100%; height:100%; position:relative;}
/* 清除现代IE浏览器的输入框和密码框的默认交互按钮 主要用于设定自己的清空按钮和密码可见按钮时不冲突 */
::-ms-clear, ::-ms-reveal{display: none;}
/* 针对不支持语义化标签浏览器做的应对*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* chrome内核浏览器对cursor:pointer的样式对象，点击触发样式中会有浅蓝色背景框，用该样式去除 */
/* -webkit-tap-highlight-color:rgba(255,255,255,0); */
/* reset end */

/* 如果html不加overflow:hidden 在某些移动端浏览器上会出现html可滚动的情况 */
html{ font-size:1em; overflow:hidden;}
body{ font-size:0.875em; overflow:auto;} /* 默认普通文本14px大小 */

/* 文字大小及颜色公共样式 */
/* t打头 文字大小 c打头 文字颜色 */
.t5{ font-size:1.43em; font-size:2rem;}
.t4{ font-size:1.28em; font-size:1.8rem;}
.t3{ font-size:1.14em; font-size:1.6rem;}
.t2{ font-size:1em; font-size:1.4rem;}
.t1{ font-size:0.86em; font-size:1.2rem;}


/* ================= 框架样式  =========================== */
header,nav{ position:fixed; z-index:500; left:0px; width:100%; box-shadow:0px 0px 6px rgba(0,0,0,0.3);}
header{ top:0px; height:44px;}
nav{ bottom:0px; box-shadow:0px -1px 6px #ccc; height:50px; text-align:center;}
header > *, nav > *, nav > *{ display:none; width:100%; height:100%; text-align:center;}
header > *{ background-color:#444; color:#f2f2f2;}
nav > *{ background-color:#eee; background-image:linear-gradient(0deg, transparent 0, rgba(255,255,255,0.4) 70%);}
header > *:first-child{ display:table;}
nav > *:first-child{ display:table;}
header h2{ text-align:center; font-size:1.14em; font-size:1.6rem; display:table-cell; vertical-align:middle;}
header h2.left{ text-align:left; padding-left:5.36em; padding-left:7.5rem;}
header .icon{ position:absolute; font-size:1.7em; font-size:2.4rem; top:50%; margin-top:-0.5em; margin-top:-0.8rem; z-index:550; line-height:1; cursor:pointer; -webkit-tap-highlight-color:rgba(255, 255, 255, 0);}
header .icon.left1{ left:0.35em; left:0.5rem;}
header .icon.left2{ left:1.94em; left:3.8rem;}
header .icon.right1{ right:0.35em; right:0.5rem;}
header .icon.right2{ right:1.94em; right:3.8rem;}
nav > * > *{ display:table-cell; vertical-align:middle; font-size:1em; font-size:1.4rem;}
nav .navButton{ height:100%;}
nav .navButton > *{ display:inline-block; width:100%; padding:0px; margin:0px;}
nav .icon{ font-size:1.14em; font-size:1.6rem;}
.content{ height:100%; width:100%; padding-top:44px; padding-bottom:50px; overflow:hidden;}
.content .pages{ display:none; height:100%; width:100%; overflow:auto; position: relative;} /* 内容滚动条出现在这个元素上 */
.content .pages:first-child{ display:block;}
.content .pages iframe{ width:100%; height:100%; border:none;}

.contentPadding{ padding:10px;}
.tt1{ font-size:1.14em; font-size:1.6rem; position:relative;}
.tt2{ font-size:1em; font-size:1.4rem;}
.splitBarT{ position:relative;}
.splitBarT:before{ content:''; display:block; width:100%; height:10px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background-color:#efefef; position:absolute; left:0; top:0;}
.splitBar{ position:relative;}
.splitBar:after{ content:''; display:block; width:100%; height:10px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background-color:#efefef; position:absolute; left:0; bottom:0;}
.splitLB{ border-bottom:1px solid #ccc;}
.splitLT{ border-top:1px solid #ccc;}
.PT{ padding-top:5px;}
.PT2{ padding-top:10px;}
.PB{ padding-bottom:5px;}
.PB2{ padding-bottom:10px;}
.MT{ margin-top:5px;}
.MT2{ margin-top:10px;}
.MB{ margin-bottom:5px;}
.MB2{ margin-bottom:10px;}
/* 布局列模式排版 */
.blk2,.blk3,.blk4{ display:table; width:100%;}
.blk2 > .col,.blk3 > .col,.blk4 > .col{ display:table-cell; vertical-align:middle;}
.blk2 > .col{ text-align:right;}
.blk2 > .col:first-child{ text-align:left; width:40%;}
.blk3 > .col{ text-align:center; width:33.3%;}
.blk3 > .col:first-child{ text-align:left;}
.blk3 > .col + .col + .col{ text-align:right;}
.blk4 > .col{ text-align:center; width:25%;}
/* 文本列模式排版 */
.ltx1,.ltx2,.ltx3,.ltx4{}
.ltx1 > .col, .ltx2 > .col, .ltx3 > .col, .ltx4 > .col{ display:inline-block; text-align:center; min-width:100px;}
.ltx1 > .col{ width:100%;}
.ltx2 > .col{ width:50%;}
.ltx3 > .col{ width:33.3%;}
.ltx4 > .col{ width:25%;}
/* 移动端的文本加扩展按钮*/
.extText{}
.extText .txt{ display:table-cell; width:100%; padding-right:5px; white-space:normal; word-break:break-all;}
.extText .ext{ display:table-cell; vertical-align:middle;}
/* 靠右左对齐的文本 */
.rightTxt{ float:right; text-align:left; white-space:normal; word-break:break-all;}

/* ==================== 控件 ==================================================== */
/* 控件文本通用样式 */
.rexButton, .rexCheckbox label, .rexTabButton, .rexInput input{
	position:relative; display:inline-block; padding:0.6em 0.8em; border:1px solid transparent; border-radius:0.42em; background-repeat:no-repeat; cursor:pointer; font-size:1em; line-height:1em;
	-webkit-tap-highlight-color:rgba(255,255,255,0);
}
.rexButton, .rexCheckbox label, .rexCheckbox, .rexCheckbox input, .rexTabButton{
	/* 文本选中禁止，IE下有些问题 IE10 IE11部分支持，选择从按钮开始则无法选择，从可选择元素可以则可以选择 IE9,IE8不支持 */
	user-select:none; -ms-user-select:none; -moz-user-select:none; -webkit-user-select:none;
}
.S3D{ background-image:linear-gradient(180deg, rgba(255,255,255,0.2) 0, transparent 100%);}
.SBLK{ display:block;}
.SHAD{ box-shadow:0px 0px 4px rgba(0,0,0,0.4);}
.STL{ text-align:left;}
.STR{ text-align:right;}
.STC{ text-align:center;}
.icon:before{
	/* 引用图标文字信息 */
	font-family:"iconfont" !important;
	font-size:inherit;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

/* 按钮控件 基本*/
.rexButton{ border-color:#999; background-color:#e9e9e9; color:#333;}
.rexButton.SHAD{ box-shadow:0px 3px 4px rgba(0,0,0,0.4);}
.rexButton:active{ background-color:#fff; border-color:#999; color:#666; background-image:none; box-shadow:none;}
.rexButton:active>*{ box-shadow:none;}
.rexButton[disabled="disabled"]{ background-color:#f0f0f0; color:#ccc; border-color:#ccc; background-image:none; box-shadow:none; cursor:not-allowed}
.rexButton[disabled="disabled"]>*{ box-shadow:none;}
/* 按钮控件 icon图片*/
.rexButton.icon:before{ display:inline-block; margin:0 0.2em; vertical-align:middle; line-height:0;}
.rexButton.STL.icon:before{ position:absolute; right:0.8em; margin-right:0; top:50%; margin-top:1px;}
.rexButton.STR.icon:before{ position:absolute; left:0.8em; margin-left:0; top:50%; margin-top:1px;}
/* 按钮控件 iconfont 图片*/
.rexButton>*{ display:inline-block; margin:0 0.2em; line-height:0; vertical-align:middle;}
.rexButton>*:before{ vertical-align:middle; line-height:inherit;}
.rexButton.STL>*:before{ position:absolute; right:0.8em; line-height:0;}
.rexButton.STR>*:before{ position:absolute; left:0.8em; line-height:0;}

.LF{ border-top-right-radius:0; border-bottom-right-radius:0; border-right-color:#f5f5f5; margin-right:0;}
.RF{ border-top-left-radius:0; border-bottom-left-radius:0; border-left-color:#b6b5b5; margin-left:0;}
.MF{ border-radius:0; border-left-color:#b6b5b5; border-right-color:#f5f5f5; margin-left:0; margin-right:0;}

/* 数字标签控件 */
.rexNumber{ display:inline-block; padding:5px; overflow:hidden; border-radius:0.42em; background-color:#666; color:#fff; font-size:12px; line-height:8px; vertical-align:middle;}
.rexNumber.SBLK{ display:block;}
/* 配合按钮的数字标签 */
.rexButton .rexNumber{ position:relative; margin:-9px 0.3em 0 0.2em; top:4px;}
.rexButton.STL .rexNumber{ position:absolute; right:0.8em; top:50%; margin:0; margin-top:-8px;}
.rexButton.STR .rexNumber{ position:absolute; left:0.8em; top:50%; margin:0; margin-top:-8px;}
[disabled="disabled"] .rexNumber{ background-color:#d2d2d2;}

/* 单选多选按钮 */
/* 目前由于IE8不支持:checked伪属性，所以仅使用CSS暂无法实现IE8的点击交互的视觉功能，请用js实现选框选中增加.checked样式，没有选中则去除该样式 */
.rexCheckbox{ position:relative; display:inline-block;}
.rexCheckbox label{ position:relative; border-color:#999; background-color:#f0f0f0; color:#333; border-bottom-right-radius:0;}
.rexCheckbox input{ position:absolute; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0; top:0; left:0; width:100%; height:100%; cursor:pointer; z-index:1;}
.rexCheckbox input[disabled="disabled"]{ cursor:not-allowed;}
.rexCheckbox input[disabled="disabled"]+label{ background-image:none; background-color:#f0f0f0; color:#ccc; border-color:#ccc; box-shadow:none;}
.rexCheckbox input:checked+label{ border:1px solid #999; background-color:#fff; color:#666;}
.rexCheckbox input[type="radio"]:checked+label:before{ content:''; position:absolute; bottom:0; right:0; overflow:hidden; width:0; height:0; border:0.36em solid #999; border-top-color:transparent; border-left-color:transparent;}
.rexCheckbox input[type="checkbox"]:checked+label:before{ content:''; position:absolute; bottom:0; right:0; overflow:hidden; width:0; height:0; border:0.64em solid #999; border-top-color:transparent; border-left-color:transparent;}
.rexCheckbox input[type="checkbox"]:checked+label:after{ content:'\e62f'; position:absolute; bottom:-1px; right:-2px; color:#fff; font-size:0.85em; font-size:0.75rem;
	font-family:"iconfont" !important;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.rexCheckbox:active .SHAD{ box-shadow:none;}
.rexCheckbox:active .S3D{ background-image:none;}
.rexCheckbox input:checked+.SHAD{ box-shadow:none;}
.rexCheckbox input:checked+.S3D{ background-image:none;}

/* ie8 JS协调 */
.rexCheckbox.checked input+label{ border:1px solid #999; background-color:#fff; color:#666;}
.rexCheckbox.checked input[type="radio"]+label:before{ content:''; position:absolute; bottom:0; right:0; overflow:hidden; width:0; height:0; border:0.36em solid #999; border-top-color:transparent; border-left-color:transparent;}
.rexCheckbox.checked input[type="checkbox"]+label:before{ content:''; position:absolute; bottom:0; right:0; overflow:hidden; width:0; height:0; border:0.64em solid #999; border-top-color:transparent; border-left-color:transparent;}
.rexCheckbox.checked input[type="checkbox"]+label:after{ content:'\e62f'; position:absolute; bottom:-1px; right:-2px; color:#fff; font-size:0.85em; font-size:0.75rem;
	font-family:"iconfont" !important;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}


/* 开关按钮 */
.rexTabButton{ border:1px solid #888; overflow:hidden; background-color:#999; padding-left:0; padding-right:0; box-shadow:0 0 0.12em rgba(0,0,0,0.5) inset;}
.rexTabButton.SHAD{ box-shadow:0 0 4px rgba(0,0,0,0.4), 0 0 0.2em rgba(0,0,0,0.5) inset;}
.rexTabButton input[type="checkbox"]{ position:absolute; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0; top:0; left:0; width:100%; height:100%; z-index:2; cursor:pointer; -webkit-tap-highlight-color:rgba(255,255,255,0);}
.rexTabButton label{ display:inline-block; position:relative; z-index:1; padding:0 0.8em; line-height:0; color:#bbb;}
.rexTabButton label:after{ content:""; position:absolute; top:-1.1em; top:-1.2em\0; left:0; width:100%; height:2.2em; height:2.3em\0; background-color:#f2f2f2; z-index:-1; box-shadow:0 0 0.12em rgba(0,0,0,0.4) inset; border-radius:0.44em; visibility:hidden;}
.rexTabButton input+label{ color:#333;}
.rexTabButton input+label:after{ visibility:visible;}
.rexTabButton input:checked+label{ color:#bbb;}
.rexTabButton input:checked+label:after{ visibility:hidden;}
.rexTabButton input:checked+label+label{ color:#333;}
.rexTabButton input:checked+label+label:after{ visibility:visible;}
.rexTabButton.S3D{ background-image:none;}
.rexTabButton.S3D input+label:after{ background-image:linear-gradient(180deg, rgba(255,255,255,0.2) 0, transparent 100%);}
.rexTabButton.S3D input:checked+label:after{ background-image:none;}
.rexTabButton.S3D input:checked+label+label:after{ background-image:linear-gradient(180deg, rgba(255,255,255,0.2) 0, transparent 100%);}
/* ie8协调 JS协调*/
.rexTabButton.checked input+label{ color:#bbb;}
.rexTabButton.checked input+label:after{ visibility:hidden;}
.rexTabButton.checked input+label+label{ color:#333;}
.rexTabButton.checked input+label+label:after{ visibility:visible;}
.rexTabButton.S3D.chekced input+label:after{ background-image:none;}
.rexTabButton.S3D.checked input+label+label:after{ background-image:linear-gradient(180deg, rgba(255,255,255,0.2) 0, transparent 100%);}

/* 文本输入框 */
/* 实际在ie和chrome中，该输入框高度和按钮高度不一致，且目前通过CSS无法解决，所以要协调请引入JS */
.rexInput{ display:inline-block; position:relative;}
.rexInput.SBLK{ display:block; width:auto;}
.rexInput>input{ border-color:#ccc; cursor:default; box-sizing:border-box; margin:0px;}
.rexInput>input:focus{ border-color:#666; box-shadow:0 0 6px #97c8ff; z-index:2; position:relative;}
.rexInput.icon:before,.rexInput.iconfont:before{ position:absolute; z-index:10; top:50%; left:0.8em; line-height:0; color:#999; margin-top:1px\0;}
.rexInput.icon>input,.rexInput.iconfont>input{ padding-left:2.6em;}
.rexInput.STR.icon:before,.rexInput.STR.iconfont:before{ left:auto; right:0.8em;}
.rexInput.STR.icon>input,.rexInput.STR.iconfont>input{ padding-left:0.8em; padding-right:2.6em;}
.rexInput>.iconTip{ line-height:0; vertical-align:middle; position:absolute; z-index:10; top:50%;}
.rexInput>.iconTip:before{ vertical-align:middle; color:#999;}
.rexInput.STL>.iconTip{ left:0.8em; margin-top:1px\0;}
.rexInput.STL>input{ padding-left:2.6em;}
.rexInput.STR>.iconTip{ right:0.8em; margin-top:-1px;}
.rexInput.STR>input{ padding-right:2.6em;}
.rexInput>input:focus+.iconTip:before{ color:#666;}
.rexInput .LF{ border-top-right-radius:0; border-bottom-right-radius:0; border-right-color:#f5f5f5; margin-right:0;}
.rexInput .RF{ border-top-left-radius:0; border-bottom-left-radius:0; border-left-color:#b6b5b5; margin-left:0;}
.rexInput .MF{ border-radius:0; border-left-color:#b6b5b5; border-right-color:#f5f5f5;}
.rexInput.disabled.icon:before,.rexInput.disabled.iconfont:before{ color:#ccc;}
.rexInput.disabled > input,.rexInput >input[disabled]{ cursor:not-allowed; background-color:#f2f2f2; color:#aaa;}
.rexInput.disabled .iconTip:before{ color:#ccc;}
.rexInput.disabled>input:focus{ box-shadow:none; border-color:#ccc;}


/* 交互弹出对话框 */
.dialog-title{ position:relative; height:44px; background-color:#e9e9e9;}
.dialog-title h4{ line-height:44px; height:100%; text-align:center;}
.dialog-title h4.left{ text-align:left; padding-left:20%;}
.dialog-title .mui-icon{ position:absolute; font-size:2.4rem; top:50%; margin-top:-0.5em; margin-top:-0.8rem; line-height:1; cursor:pointer; -webkit-tap-highlight-color:rgba(255, 255, 255, 0);}
.dialog-title .mui-icon.left{ left:12px;}
.dialog-title .mui-icon.right{ right:12px;}
.dialog-title .iconfont{ position:absolute; font-size:2.4rem; top:50%; margin-top:-0.5em; margin-top:-0.8rem; line-height:1; cursor:pointer; -webkit-tap-highlight-color:rgba(255, 255, 255, 0);}
.dialog-title .iconfont.left{ left:12px;}
.dialog-title .iconfont.right{ right:12px;}
.dialog-content{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#f8f8f8;}
.extDialog .dialog-content,.extMenu .dialog-content,.extPage .dialog-content{ overflow:auto;}
.dialog-buttonBar{ text-align:center; vertical-align:middle; background-color:#d9d9d9;}
.dialog-buttonBar .rexButton{ width:40%; max-width:210px; min-width:100px;}
.dialog-buttonBar .rexButton.SBLK{ width:80px; max-width:400px; min-width:160px; margin:0 auto; margin-bottom:10px;}
.dialog-buttonBar .rexButton.SBLK:last-child{ margin-bottom:0;}

.extDialog{ display:none; position:absolute; top:0px; left:0px; z-index:1000; box-shadow:0px 0px 10px rgba(0,0,0,0.5); width:88%; max-width:550px; min-width:280px; border-radius:6px; overflow:hidden;}
.extDialog .dialog-content{ word-break:break-all;}

.extMenu{ position:absolute; z-index:1000; box-shadow:0px 0px 10px #000; transition-property:transform; transition-duration:350ms;}
/* 扩展对话框 */
.extMenu.left{ top:0px; left:0px; height:100%; width:80%;}
.extMenu.left.hide{ 
  transform:translateX(-110%);
  -ms-transform:translateX(-110%);
  -moz-transform:translateX(-110%);
  -webkit-transform:translateX(-110%);
  -o-transform:translateX(-110%);
}
.extMenu.right{ top:0px; right:0px; height:100%; width:80%;}
.extMenu.right.hide{ 
  transform:translateX(110%);
  -ms-transform:translateX(110%);
  -moz-transform:translateX(110%);
  -webkit-transform:translateX(110%);
  -o-transform:translateX(110%);
}
.extMenu.top{ top:0px; left:0px; width:100%; overflow:hidden; height:40%;}
.extMenu.top.hide{ 
  transform:translateY(-110%);
  -ms-transform:translateY(-110%);
  -moz-transform:translateY(-110%);
  -webkit-transform:translateY(-110%);
  -o-transform:translateY(-110%);
}
.extMenu.bottom{ bottom:0px; left:0px; width:100%; overflow:hidden; height:40%;}
.extMenu.bottom.hide{ 
  transform:translateY(110%);
  -ms-transform:translateY(110%);
  -moz-transform:translateY(110%);
  -webkit-transform:translateY(110%);
  -o-transform:translateY(110%);
}
.extMenu.show{ 
  transform:none;
  -ms-transform:none;
  -moz-transform:none;
  -webkit-transform:none;
  -o-transform:none;
}
/* 页面对话框 */
.extPage{ position:absolute; top:0px; right:0px; z-index:1000; height:100%; width:100%; box-shadow:0px 0px 1px #000; transition-property:transform; transition-duration:350ms;}
.extPage.hide{ 
  transform:translateX(105%);
  -ms-transform:translateX(105%); 	/* IE 9 */
  -moz-transform:translateX(105%); 	/* Firefox */
  -webkit-transform:translateX(105%); /* Safari 和 Chrome */
  -o-transform:translateX(105%); 	/* Opera */
}
.extPage.show{ 
  transform:none;
  -ms-transform:none;
  -moz-transform:none;
  -webkit-transform:none;
  -o-transform:none;
}

/* 自隐藏对话框 */
.miniDialog{ display:none; position:fixed; left:0px; z-index:1000; width:100%; text-align:center; padding:5%;}
.miniDialog.top{ top:3%;}
.miniDialog.bottom{ bottom:3%;}
.miniDialog .dialogInside{ display:inline-block; text-align:left; box-shadow:0px 0px 10px rgba(0,0,0,0.6); word-break:break-all; border-radius:6px; background-color:#333; color:#fff; padding:5px 8px;}

/* 屏蔽层样式 */
.mask{ display:none; position:absolute; top:0px; left:0px; z-index:1000; height:100%; width:100%; background:#000; opacity:0;}


/* firefox 兼容性统一在此调整 */
@-moz-document url-prefix(){
	.rexButton.icon:before{ margin-top:-3px;}
	.rexButton>*{ margin-top:-3px;}
	.rexInput.icon:before,.rexInput.iconfont:before{ margin-top:1px;}
	.rexInput.STL>.iconTip{ margin-top:1px;}
}


/* ==================== 版本向下兼容 ================================================ */
/* 内容框的空白边距 */
.mui-content-padded, .rexContentPadding{ padding:10px;}
/* 控件 */
.rexDeepButton, .rexDeepButton3D, .rexLightButton, .rexLightButton3D{
	display:inline-block; font-size:inherit; border:1px solid transparent; background-repeat:no-repeat; padding:0.6em 0.8em; cursor:pointer; border-radius:0.42em; line-height:1; position:relative; vertical-align:middle;
	/* 文本选中禁止，IE下有些问题 IE10 IE11部分支持，选择从按钮开始则无法选择，从可选择元素可以则可以选择 IE9,IE8不支持 */
	user-select:none; -ms-user-select:none; -moz-user-select:none; -webkit-user-select:none;
}
.rexDeepButton{ border-color:#e70606; background-color:#e70606; color:#fff;}
.rexDeepButton:hover{ background-color:#e18b8b; border-color:#e18b8b;}
.rexDeepButton:active{ background-color:#fff; color:#e70606;}
.rexDeepButton3D{ border-color:#e70606; background-color:#e70606; color:#fff; background-image:linear-gradient(rgba(255,255,255,0.4) 0%, transparent 60%);}
.rexDeepButton3D:hover{ background-color:#e18b8b; border-color:#e18b8b;}
.rexDeepButton3D:active{ background-image:none; background-color:#fff; color:#e70606;}
.rexDeepButton[disabled="disabled"], .rexDeepButton3D[disabled="disabled"]{ background-image:none; background-color:#f38080; color:#ffcccc; border-color:#f38080; box-shadow:none;}

.rexLightButton{ border-color:#999; background-color:#f0f0f0; color:#333;}
.rexLightButton:hover{ background-color:#eee; border-color:#eee; color:#666;}
.rexLightButton:active{ background-color:#e70606; border-color:#e70606; color:#fff;}
.rexLightButton3D{ border-color:#999; background-color:#f0f0f0; color:#333; background-image:linear-gradient(rgba(255,255,255,0.4) 0%, transparent 60%);}
.rexLightButton3D:hover{ background-color:#eee; border-color:#eee;}
.rexLightButton3D:active{ background-image:none; background-color:#e70606; border-color:#e70606; color:#fff;}
.rexLightButton[disabled="disabled"], .rexLightButton3D[disabled="disabled"]{ background-image:none; background-color:#f0f0f0; color:#ccc; border-color:#ccc; box-shadow:none;}


/* 按钮图标 */
.buttonIconLeft:before, .buttonIconRight:before, .buttonIcon{
	/* 引用图标文字信息 */
	font-family:"iconfont" !important;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.buttonIcon{ padding-left:0; padding-right:0; width:3em;}
.buttonIconLeft{ padding-left:2em;}
.buttonIconRight{ padding-right:2em;}
.buttonIcon:before{ position:absolute; left:0.52em; top:0.3em; font-size:1.4em;}
.buttonIconLeft:before{ position:absolute; left:0.5em; top:0.6em; font-size:1em;}
.buttonIconRight:before{ position:absolute; right:0.5em; top:0.6em; font-size:1em;}

/* 按钮阴影，用于用户自主选择是否需要 */
.buttonShadow{ box-shadow:0px 2px 3px rgba(0,0,0,0.4);}}
.buttonShadow:active{ box-shadow:none;}

.bntInline,.bntBlock{ height:36px; margin-top:4px; padding:0px 10px; line-height:34px; border-radius:6px; background-color:#f2f2f2; color:#666; font-size:14px;}
.bntBlock:active,.bntInline:active{ background-color:#999; color:#fff; border-color:#333;}
.bntInline{ margin:0px 5px; min-width:115px; max-width:240px; width:45%;}
.bntBlock{ min-width:240px; max-width:520px; width:80%}

/* ==================== 配色 ================================================ */
/* 文本色彩 */
.c1{ color:#ab2836;}
.c2{ color:#95727f;}
.c3{ color:#d8717c;}
.c4{ color:#dec3cc;}
.c5{ color:#e9dce1;}
.c01{ color:#000;}
.c02{ color:#333;}
.c03{ color:#666;}
.c04{ color:#999;}
.c05{ color:#ccc;}
.c06{ color:#fff;}

